<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Simplify Admin</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Bootstrap core CSS -->
	<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">

	<!-- Font Awesome -->
	<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">

	<!-- ionicons -->


	<!-- Slider -->
	<link href="{{asset('/admin/css/bootstrap-slider.css')}}" rel="stylesheet"/>

	<!-- Tag Input -->
	<link href="{{asset('/admin/css/jquery.tagsinput.css')}}" rel="stylesheet">

	<!-- Date Time Picker -->
	<link href="{{asset('/admin/css/datetimepicker.css')}}" rel="stylesheet">

	<!-- Select2 -->
	<link href="{{asset('/admin/css/select2/select2.css')}}" rel="stylesheet"/>
	<!-- Simplify -->
	<link href="{{asset('/admin/css/simplify.min.css')}}" rel="stylesheet">
</head>
<body class="overflow-hidden">
<div class="wrapper preload" style="padding-top:0">
	<div class="padding-md">
		<div class="smart-widget-body">
			<button type="submit" class="btn btn-info marginTB-xs">商城广告</button>
			<button type="submit" class="btn btn-default marginTB-xs">音乐广告</button>
			<button type="submit" class="btn btn-default marginTB-xs">票务广告</button>
		</div>
		<div style="margin=20px;">商城首页轮播图管理  <span style="color:darkred">建议尺寸702*300px</span> <a style="float: right;" href="{{asset('add')}}" class="btn btn-info marginTB-xs">添加</a></div>
		<table class="table table-striped" id="dataTable">
			<thead>
			<tr style="text-align: center">
				<th style="text-align: center">序号</th>
				<th style="text-align: center">图片</th>
				<th style="text-align: center">链接</th>
				<th style="text-align: center">排序</th>
				<th style="text-align: center">操作</th>
			</tr>
			</thead>
			<tbody>
			@foreach($data as $l)
			<tr style="text-align: center;" >
				<td>{{$l->id}}</td>
				<td><img src="{{asset($l->source)}}" alt="广告图" style="width:200px;height:100px;"></td>
				<td>{{$l->link}}</td>
				<td>{{$l->sort}}</td>
				<td><a href="{{asset('edit/'.$l->id)}}" class="btn btn-info btn-sm">编辑</a><a href="{{asset('delete/'.$l->id)}}" class="btn btn-info btn-sm btn-warning">删除</a></td>
			</tr>
			@endforeach
			</tbody>
		</table>
	</div><!-- ./padding-md -->
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<!-- Jquery -->
<script src="{{asset('/admin/js/jquery.min.js')}}"></script>

<!-- Bootstrap -->
<script src="{{asset('/admin/js/bootstrap.min.js')}}"></script>

<!-- Popup Overlay -->
<script src='{{asset('/admin/js/jquery.popupoverlay.min.js')}}'></script>

<!-- Slider -->
<script src='{{asset('/admin/js/uncompressed/bootstrap-slider.js')}}'></script>

<!-- Tag Input -->
<script src='{{asset('/admin/js/jquery.tagsinput.min.js')}}'></script>

<!-- Moment -->
<script src='{{asset('/admin/js/uncompressed/moment.js')}}'></script>

<!-- Date Time picker -->
<script src='{{asset('/admin/js/uncompressed/bootstrap-datetimepicker.js')}}'></script>

<!-- Select2 -->
<script src='{{asset('/admin/js/select2.min.js')}}'></script>

<!-- Slimscroll -->
<script src='{{asset('/admin/js/jquery.slimscroll.min.js')}}'></script>

<!-- Modernizr -->
<script src='{{asset('/admin/js/modernizr.min.js')}}'></script>

<!-- Simplify -->
<script src="{{asset('/admin/js/simplify/simplify.js')}}"></script>

<script>
	$(function()	{
		//Delete Widget Confirmation
		$('#deleteWidgetConfirm').popup({
			vertical: 'top',
			pagecontainer: '.container',
			transition: 'all 0.3s'
		});

		// Slider
		$('#horizontalSlider1').slider();
		$('#horizontalSlider2').slider();
		$('#horizontalSlider3').slider();
		$('#horizontalSlider4').slider();

		$('#verticalSlider1').slider();
		$('#verticalSlider2').slider();
		$('#verticalSlider3').slider();
		$('#verticalSlider4').slider();
		$('#verticalSlider5').slider();

		//Select2
		$('.select2').select2();

		//Tag Input
		$('#tagsExample').tagsInput();

		//Date & Time Picker
		$('.datepicker-input').datetimepicker({
			pickTime: false
		});

		//Date & Time Picker
		$('.timepicker-input').datetimepicker({
			pickDate: false
		});

		//Date & Time Picker
		$('.datetimepicker-input').datetimepicker();
	});

</script>

</body>
</html>
